<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子模型</title>
</head>
<body>
        <!--
           盒模型是Css布局的基础，他规定了网页元素如何显示以及元素间相互关系。
           border 边框    padding 内边距   margin 外边距

           padding :的值是额外加载元素原油大小智商的，如果保证元素大小不变，徐聪元素宽或高减去此数值。

           盒子的宽：内容的宽 + 外边距*2 + 边框*2 + 内边距*2
           overflow:hidden盒子内容溢出隐藏/scroll文本滑动（文本不溢出也显示滚动条）/auto文本滑动（文本是否溢出）

           text-overflow:ellipsis 文本框不足时，显示省略号
           white-space:no wrap  忽略空格或换行

           border - radius:5px   圆角


        -->
</body>
</html>